<!DOCTYPE html>
<html lang="en" id="jsj">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>二手详情</title>
    <link rel="stylesheet" href="http://ov0lumvwf.bkt.clouddn.com/web/detail/css/swiper.min.css">
    <link rel="stylesheet" href="css/css_2.css"/>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
</head>
<body>
<!--<div class="adv_top2 fixbottom">-->
    <!--<div class="adv_container">-->
        <!--<div class="adv_c">-->
            <!--<img class="logo" src="image/logo.png">-->
            <!--<div class="new">币助手—助你玩转币圈</div>-->
        <!--</div>-->
        <!--<a href="#" id="Collar">立即体验</a>-->
    <!--</div>-->
<!--</div>-->
<div class="ha" id="ha">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="swiper_pc"><img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_01.jpg"></div>
            </div>
            <div class="swiper-slide">
                <div class="swiper_pc"><img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_01.jpg"></div>
            </div>
            <div class="swiper-slide">
                <div class="swiper_pc"><img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_01.jpg"></div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="information">
        <div class="title">出全新神马M3，带官电，质保一年，附批量装机软件</div>
        <div class="infor">
            <div class="Price">14800<span>元</span></div>
            <div class="reserve">发布与2天前</div>
        </div>
    </div>
    <div class="xinxi">
        <div class="brand"><span class="brandTitle">品牌：</span>蚂蚁S913.5T</div>
        <div class="address"><img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/0pc_12.png"><p>浙江省 温州市 鹿城区</p></div>
    </div>

    <div class="ContactUs">
        <div class="ContactUsTitle">
          <div class="block"></div><div class="ConTit">联系方式</div>
        </div>
        <div class="ContactInfor">
            <ul>
                <li><div>联系人</div>：<div> 湛华智</div></li>
                <li><div>手 机</div>：<div>16969856596</div></li>
                <li><div>微 信</div>：<div>weixinID</div></li>
                <li><div>Q Q</div>：<div>59863269</div></li>
            </ul>
        </div>
        <div class="Reminder">
            <div class="spot">

            </div>
            <div class="ReminderContent">
                温馨提醒：所有二手矿机信息都是由网友自行发布，本
                平台并未对其进行甄别，请交易双方私下联系谨慎交易，
                如发生意外与本平台无关
            </div>
        </div>
    </div>
    <div class="abstract" id="abstract">
        <div class="container">
            <div class="abstractContact" id="Contact">
                全新矿机全新矿机全新矿机全新矿机全新矿机全新矿机全新矿机全新矿机全新矿机全新矿机
            </div>
            <div class="abstractMore" id="more">
                展开更多<img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/0pc_06_.png">
            </div>
        </div>
    </div>
    <div class="goodsipc padding">
        <div class=" container">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_03.jpg">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_04.jpg">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_05.jpg">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_06.jpg">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_07.jpg">
            <img src="http://ov0lumvwf.bkt.clouddn.com/web/detail/image/pc_08.jpg">
        </div>
    </div>
</div>
<div class="operationBottom">
    <div class="operation">
        <a class="Tel" href="#">
            <p></p>
            <span>电话</span>
        </a>
        <a class="Collection active">
            <p></p>
            <span>收藏</span>
        </a>
        <a class="Share">
            <p></p>
            <span>分享</span>
        </a>
    </div>
    <div class="reserve" id="reserve">我想要</div>
</div>
<div class="Mask" id="Mask">
    <div class="Apply">
        <ul>
            <li class="App AppTitle">
                <div class="tit">确认订单</div>
                <div class="close" id="close"></div>
            </li>
            <li class="App AppInput">
                <div class="inputHeader">收货人:</div>
                <input class="tInput" id="AjaxName" type="text" placeholder="输入收货人名字"></li>
            <li class="App AppInput">
                <div class="inputHeader">所在地</div>
                <div class="region">
                    <div class="reg">
                        <div id="pro">省</div>
                        <select class="province" id="province">
                            <option></option>
                        </select>
                    </div>
                    <div class="reg">
                        <div id="cit">市</div>
                        <select class="city" id="city"></select>
                    </div>
                    <div class="reg">
                        <div id="are">区县</div>
                        <select class="area" id="area"></select>
                    </div>
                </div>
            </li>
            <li class="App AppInput">
                <div class="inputHeader">详细地址:</div>
                <input class="tInput" id="AjaxAddr" type="text" placeholder="街道地址"></li>
            <!--<li class="App AppInput phone">
                <div class="inputHeader">手机号码:</div>
                <div class="input_cc">
                    <input class="tInput2" id="AjaxTelephone" type="text" placeholder="输入手机号码">
                    <div class="obtainBtton" id="obtainBtton">获取验证码</div>
                </div>
            </li>
            <li class="App AppInput">
                <div class="inputHeader">验证码:</div>
                <input class="tInput" id="AjaxCode" type="text" placeholder="请输入验证码"></li>-->
            <li class="AppButton"><input type="button" value="提交申请"></li>
        </ul>
        <div class="hei" id="hei">
        </div>
    </div>
</div>
<script src="js/clipboard.min.js"></script>
<script>
    var clipboard = new Clipboard('.btn', {
        text: function () {
            return 'LiniYY';
        }
    });
    clipboard.on('success', function (e) {
        console.log(e);
        alert("复制成功！")
    });
    clipboard.on('error', function (e) {
        console.log(e);
        alert("重新复制！")
    });
    document.getElementById("more").onclick = function () {
        document.getElementById("Contact").style.height = "auto";
        this.style.display = "none";
        document.getElementById("abstract").style.height = "auto";
    }
    var innerHTML = document.getElementById("Contact").innerHTML;
    console.log(innerHTML.length);
    if (innerHTML.length <= 169) {
        document.getElementById("more").style.display = "none";
        document.getElementById("Contact").style.height = "auto";
        document.getElementById("abstract").style.height = "auto";
    }
</script>
<!-- Swiper JS -->
<script src="http://ov0lumvwf.bkt.clouddn.com/web/detail/js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>
<script src="http://ov0lumvwf.bkt.clouddn.com/web/detail/js/citys-mini.js"></script>
<script src="js/daojishi.js"></script>
<script src="js/Prohibition.js"></script>
<script src="js/dizhi.js"></script>
<script src="js/base.js"></script>
</body>
</html>